<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../第二次尝试/todolist/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
	<div id="app">
		<ul>
			<li v-for="item, index in items" :key="index">
				{{index}}{{item.message}}
			</li>
		</ul>
		<ul>
			<li v-for="value, key in object" :key="key">
				{{key}} : {{value}}
			</li>
		</ul>
	</div>
	<script type="text/javascript">
		var vm = new Vue ({
			el :"#app",
			data : {
				items:[
					{message: 'foo'},
					{message: 'bar'}
				],
				object: {
					title: '你好啊',
					author:'我不好',
					publishedAt:'2022-1-9'
				}
			}
			
		});
	</script>
	<style type="text/css">
		
	</style>
	</body>
</html>
